<template>
  <div>
        <van-nav-bar class="app-nav-bar" title="请假详情页" left-arrow @click-left="onClickLeft"/>
        <el-form label-width="80px">
            <el-form-item label="学号:">
                {{tableData.studentNo}}
            </el-form-item>
            <el-form-item label="班级:">
                {{tableData.className}}
            </el-form-item>
            <el-form-item label="学生姓名:">
                {{tableData.studentName}}
            </el-form-item>
            <el-form-item label="请假类型:">
                {{tableData.leaveType}}
            </el-form-item>
             <el-form-item label="请假日期:">
                {{tableData.createTime}}
            </el-form-item>
            <el-form-item label="请假原因:">
                {{tableData.leaveReason}}
            </el-form-item>
            <el-form-item label="状态:">
                {{tableData.status}}
            </el-form-item>
            <el-form-item label="家长描述信息:">
                {{tableData.parentDesc}}
            </el-form-item>
            <el-form-item label="班主任描述信息:">
                {{tableData.teacherDesc}}
            </el-form-item>
            <el-form-item label="提交时间:">
                {{tableData.modifyTime}}
            </el-form-item>
        </el-form>
  </div>
</template>

<script>
export default {
data(){
        return{
            tableData:[],
        }
    },
    methods:{
        onClickLeft(){
            this.$router.go(-1) 
        },
        async getUser(){
            var {data:res} =await this.request.get('app/Leave/getLeaveById?id='+this.$route.params.id)
            console.log(res);
            this.tableData=res.data;
        },
    },created(){
        this.getUser();
    }
}
</script>

<style>
.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    width: 120px !important;
}
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
    margin-left: 80px;
}
.el-form-item {
    margin-bottom: 5px!important;
}
.el-form{
    padding: 55px 16px!important;
}
</style>